<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
	<meta charset="UTF-8">
	<link rel="shortcut icon" href="favicon.ico">
	<link rel="stylesheet" href="css/iconfont.css">
	<link rel="stylesheet" href="css/global.css">
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/bootstrap-theme.min.css">
	<link rel="stylesheet" href="css/swiper.min.css">
	<link rel="stylesheet" href="css/styles.css">
	<script src="js/jquery.1.12.4.min.js" charset="UTF-8"></script>
	<script src="js/bootstrap.min.js" charset="UTF-8"></script>
	<script src="js/swiper.min.js" charset="UTF-8"></script>
	<script src="js/global.js" charset="UTF-8"></script>
	<script src="js/jquery.DJMask.2.1.1.js" charset="UTF-8"></script>
	<script src="/webjars/vue/2.6.10/dist/vue.js"></script>
	<script src="/webjars/axios/0.19.0/dist/axios.min.js"></script>
	<script src="/xtiper/js/xtiper.min.js"></script>
	<title>U袋网</title>
</head>
<body>
	<div id="vuebox">
		<!-- 顶部tab -->
		<div class="tab-header">
			<div class="inner">
				<div class="pull-left">
					<div class="pull-left">嗨，欢迎来到<span class="cr">U袋网</span></div>
					<a href="agent_level.html">网店代销</a>
					<a href="temp_article/udai_article4.html">帮助中心</a>
				</div>
				<div class="pull-right">
					<a href="login.html"><span class="cr">登录</span></a>
					<a href="login.html?p=register">注册</a>
					<a href="udai_welcome.html">我的U袋</a>
					<a href="udai_order.html">我的订单</a>
					<a href="udai_integral.html">积分平台</a>
				</div>
			</div>
		</div>
		<!-- 顶部标题 -->
		<div class="bgf5 clearfix">
			<div class="top-user">
				<div class="inner">
					<a class="logo" href="index.html"><img src="images/icons/logo.jpg" alt="U袋网" class="cover"></a>
					<div class="title">个人中心</div>
				</div>
			</div>
		</div>
		<div class="content clearfix bgf5">
			<section class="user-center inner clearfix">
				<div class="pull-left bgf">
					<a href="udai_welcome.html" class="title">U袋欢迎页</a>
					<dl class="user-center__nav">
						<dt>帐户信息</dt>
						<a href="../templates/udai_setting.html"><dd>个人资料</dd></a>
						<a href="udai_treasurer.html"><dd>资金管理</dd></a>
						<a href="udai_integral.html"><dd>积分平台</dd></a>
						<a href="udai_address.html"><dd>收货地址</dd></a>
						<a href="udai_coupon.html"><dd>我的优惠券</dd></a>
						<a href="udai_paypwd_modify.html"><dd>修改支付密码</dd></a>
						<a href="udai_pwd_modify.html"><dd>修改登录密码</dd></a>
					</dl>
					<dl class="user-center__nav">
						<dt>订单中心</dt>
						<a href="udai_order.html"><dd class="active">我的订单</dd></a>
						<a href="udai_collection.html"><dd>我的收藏</dd></a>
						<a href="udai_refund.html"><dd>退款/退货</dd></a>
					</dl>
					<dl class="user-center__nav">
						<dt>服务中心</dt>
						<a href="udai_mail_query.html"><dd>物流查询</dd></a>
						<a href=""><dd>数据自助下载</dd></a>
						<a href="temp_article/udai_article1.html"><dd>售后服务</dd></a>
						<a href="temp_article/udai_article2.html"><dd>配送服务</dd></a>
						<a href="temp_article/udai_article3.html"><dd>用户协议</dd></a>
						<a href="temp_article/udai_article4.html"><dd>常见问题</dd></a>
					</dl>
					<dl class="user-center__nav">
						<dt>新手上路</dt>
						<a href="temp_article/udai_article5.html"><dd>如何成为代理商</dd></a>
						<a href="temp_article/udai_article6.html"><dd>代销商上架教程</dd></a>
						<a href="temp_article/udai_article7.html"><dd>分销商常见问题</dd></a>
						<a href="temp_article/udai_article8.html"><dd>付款账户</dd></a>
					</dl>
					<dl class="user-center__nav">
						<dt>U袋网</dt>
						<a href="temp_article/udai_article10.html"><dd>企业简介</dd></a>
						<a href="temp_article/udai_article11.html"><dd>加入U袋</dd></a>
						<a href="temp_article/udai_article12.html"><dd>隐私说明</dd></a>
					</dl>
				</div>
				<div class="pull-right">
					<div class="user-content__box clearfix bgf">
						<div class="title">订单中心-订单2669901385864042</div>
						<div class="order-info__box">
							<div class="order-addr">收货地址：<span class="c6">{{orderutil.name}} {{orderutil.phone}}，{{orderutil.address}}</span></div>
							<div class="order-info">
								订单信息
								<table>
									<tr>
										<td>订单编号：{{orderutil.orderdetailsid}}</td>
<!--										<td>支付宝交易号：20175215464616164616</td>-->
										<td>创建时间：{{orderutil.createdate}}</td>
									</tr>
									<tr>
										<td>付款时间：{{orderutil.paydate}}</td>
										<td>成交时间：{{orderutil.chengjiaodate}}</td>
										<td></td>
									</tr>
								</table>
							</div>
							<div class="table-thead">
								<div class="tdf3">商品</div>
								<div class="tdf1">状态</div>
								<div class="tdf1">数量</div>
								<div class="tdf1">单价</div>
								<div class="tdf2">优惠</div>
								<div class="tdf1">总价</div>
								<div class="tdf1">运费</div>
							</div>
							<div class="order-item__list">
								<div class="item" v-for="(item,index) in orderlist">
									<div class="tdf3">
										<a href="item_show.html"><div class="img"><img :src="item.img1" alt="" class="cover"></div>
											<div class="ep2 c6">{{item.proname}} {{item.explains}}</div></a>
										<div class="attr ep">颜色分类：{{item.color}}  尺码：{{item.size}}</div>
									</div>
									<!--待付款-->
									<div class="tdf1" v-if="item.status==1"><a href="javascript:void(0)" @click="pay(item.orderdetailsid)">待付款</a></div>
									<div class="tdf1"  v-if="item.status==2"><a href="order_evaluate.html">待发货</a></div>
									<div class="tdf1"  v-if="item.status==3"><a href="order_evaluate.html">待收货</a></div>
									<div class="tdf1"  v-if="item.status==4"><a href="order_evaluate.html">待评价</a></div>
										<div class="tdf1">{{item.count}}</div>
										<div class="tdf1">¥{{item.price}}</div>
										<div class="tdf2">
											<div class="ep2">活动8折优惠<br>优惠：¥0.0</div>
										</div>
										<div class="tdf1">¥{{item.totalprice}}</div>
										<div class="tdf1">
											<div class="ep2">快递<br>¥{{item.freight}}</div>
										</div>
								</div>
							</div>
							<div class="price-total">
								<div class="fz12 c9">使用优惠券【满￥20.0减￥2.0】优惠￥2.0元<br>快递运费 ￥0.0</div>
								<div class="fz18 c6" v-if="statusnum!=orderlist.length"><b class="cr">点击去付款</b></div>
								<div class="fz18 c6" v-if="statusnum==orderlist.length">实付款：<b class="cr">¥{{orderutil.money}}</b></div>
								<div class="fz12 c9">（本单可获 <span class="c6">380</span> 积分）</div>
							</div>
						</div>
					</div>
				</div>
			</section>
		</div>
		<!-- 右侧菜单 -->
		<div class="right-nav">
			<ul class="r-with-gotop">
				<li class="r-toolbar-item">
					<a href="udai_welcome.html" class="r-item-hd">
						<i class="iconfont icon-user" data-badge="0"></i>
						<div class="r-tip__box"><span class="r-tip-text">用户中心</span></div>
					</a>
				</li>
				<li class="r-toolbar-item">
					<a href="../templates/udai_shopcart.html" class="r-item-hd">
						<i class="iconfont icon-cart"></i>
						<div class="r-tip__box"><span class="r-tip-text">购物车</span></div>
					</a>
				</li>
				<li class="r-toolbar-item">
					<a href="udai_collection.html" class="r-item-hd">
						<i class="iconfont icon-aixin"></i>
						<div class="r-tip__box"><span class="r-tip-text">我的收藏</span></div>
					</a>
				</li>
				<li class="r-toolbar-item">
					<a href="" class="r-item-hd">
						<i class="iconfont icon-liaotian"></i>
						<div class="r-tip__box"><span class="r-tip-text">联系客服</span></div>
					</a>
				</li>
				<li class="r-toolbar-item">
					<a href="issues.html" class="r-item-hd">
						<i class="iconfont icon-liuyan"></i>
						<div class="r-tip__box"><span class="r-tip-text">留言反馈</span></div>
					</a>
				</li>
				<li class="r-toolbar-item to-top">
					<i class="iconfont icon-top"></i>
					<div class="r-tip__box"><span class="r-tip-text">返回顶部</span></div>
				</li>
			</ul>
		</div>
		<!-- 底部信息 -->
		<div class="footer">
			<div class="footer-tags">
				<div class="tags-box inner">
					<div class="tag-div">
						<img src="images/icons/footer_1.gif" alt="厂家直供">
					</div>
					<div class="tag-div">
						<img src="images/icons/footer_2.gif" alt="一件代发">
					</div>
					<div class="tag-div">
						<img src="images/icons/footer_3.gif" alt="美工活动支持">
					</div>
					<div class="tag-div">
						<img src="images/icons/footer_4.gif" alt="信誉认证">
					</div>
				</div>
			</div>
			<div class="footer-links inner">
				<dl>
					<dt>U袋网</dt>
					<a href="temp_article/udai_article10.html"><dd>企业简介</dd></a>
					<a href="temp_article/udai_article11.html"><dd>加入U袋</dd></a>
					<a href="temp_article/udai_article12.html"><dd>隐私说明</dd></a>
				</dl>
				<dl>
					<dt>服务中心</dt>
					<a href="temp_article/udai_article1.html"><dd>售后服务</dd></a>
					<a href="temp_article/udai_article2.html"><dd>配送服务</dd></a>
					<a href="temp_article/udai_article3.html"><dd>用户协议</dd></a>
					<a href="temp_article/udai_article4.html"><dd>常见问题</dd></a>
				</dl>
				<dl>
					<dt>新手上路</dt>
					<a href="temp_article/udai_article5.html"><dd>如何成为代理商</dd></a>
					<a href="temp_article/udai_article6.html"><dd>代销商上架教程</dd></a>
					<a href="temp_article/udai_article7.html"><dd>分销商常见问题</dd></a>
					<a href="temp_article/udai_article8.html"><dd>付款账户</dd></a>
				</dl>
			</div>
			<div class="copy-box clearfix">
				<ul class="copy-links">
					<a href="agent_level.html"><li>网店代销</li></a>
					<a href="class_room.html"><li>U袋学堂</li></a>
					<a href="udai_about.html"><li>联系我们</li></a>
					<a href="temp_article/udai_article10.html"><li>企业简介</li></a>
					<a href="temp_article/udai_article5.html"><li>新手上路</li></a>
				</ul>
				<!-- 版权 -->
				<p class="copyright">
					© 2005-2017 U袋网 版权所有，并保留所有权利<br>
					ICP备案证书号：闽ICP备16015525号-2&nbsp;&nbsp;&nbsp;&nbsp;福建省宁德市福鼎市南下村小区（锦昌阁）1栋1梯602室&nbsp;&nbsp;&nbsp;&nbsp;Tel: 18650406668&nbsp;&nbsp;&nbsp;&nbsp;E-mail: 18650406668@qq.com
				</p>
			</div>
		</div>
	</div>
</body>
</html>
<script type="text/javascript">
	var vm=new Vue({
		el: "#vuebox",
		data: {
			statusnum:0,
			orderlist:[]//订单集合
			,orderutil:{
				money:0
			}
		},
		mounted() {
			this.queryorder();
		},
		watch:{
			orderlist:function () {
				this.orderutil.paydate=this.orderlist[0].paydate;
				this.orderutil.createdate=this.orderlist[0].createdate;
				this.orderutil.chengjiaodate=this.orderlist[0].chengjiaodate;
				this.orderutil.orderdetailsid=this.orderlist[0].orderdetailsid;
				this.orderutil.address=this.orderlist[0].address;
				this.orderutil.name=this.orderlist[0].name;
				this.orderutil.phone=180292929385;
				for (var i=0;i<this.orderlist.length;i++){
					if(this.orderlist[i].status>1){
						this.statusnum++;
					}
					this.orderutil.money=this.orderutil.money+this.orderlist[i].totalprice;
				}
			}

		},
		methods:{

			queryorder:function () {
				axios({url:"/detail/list",method:"get",params:{}})
						.then(res => {
							this.orderlist=res.data
						});
			},
			//立即付款
			pay:function (orderdetailid) {
				axios({
					url: "/session/orderdetailid", method: "get",
					params:{
						orderdetailid:orderdetailid
					}
				}).then(res=>{
					window.location.href="udai_shopcart_pay.html";
				})
			}
		}
	})


	$(document).ready(function(){ $('.to-top').toTop({position:false}) });
</script>